<style>
    .home {
        width: 100vw;
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        overflow: auto;
        justify-content: flex-start;
    }
</style>

<dom>
    <div class="home">
        <ref ctor="UserItem" $="userItem"></ref>
        <ref ctor="RoomItem" $="roomItem"></ref>
        <ref ctor="SocketCtrl" $="socketCtrl"></ref>

        <div class="col">
            测试用例
            <div class="col">
                <button @click="onClickTest(1)">注册-新建房间-加入房间</button>
            </div>
        </div>
    </div>
</dom>